<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <ul>
        <li v-for="fruit in arr">
            {{fruit}}
        </li>
    </ul>
    <ul>
        <li v-for="(fruit,key) in arr">
            {{key}} - {{fruit}}
        </li>
    </ul>
    <ul>
        <li v-for="value in school">
            {{value}}
        </li>
    </ul>

    <ul>
        <li v-for="(value,key,index) in school">
            {{key}} - {{value}} - {{index}}
        </li>
    </ul>

    <ul>
        <li v-for="a in 'xf test'">
            {{a}}
        </li>
    </ul>
    <ul>
        <li v-for="b in 30">
            {{b}}
        </li>
    </ul>



</div>

</body>
<script src="../node_modules/vue/dist/vue.js"></script>
<script>
   let vm =  new Vue({
        el: '#app',
            data:{
                arr:['西瓜','葡萄','柠檬'],
                school:{name:'xf',age:8}
            }
    })


</script>
</html>